/* @import "icon.css"; */

page {
	/* 兼容底部和头部安全区域 */
	/* padding-top: constant(safe-area-inset-top); */
	/* padding-top: env(safe-area-inset-top); */
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}


view {
	font-family: -apple-system-font, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', STHeiti, 'Microsoft Yahei', Tahoma, Simsun, sans-serif;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

button {
	border-radius: 0;
}

video,
progress,
textarea,
input {
	width: 100%;
	position: relative;
	z-index: 10;
	font-size: 28rpx;
	outline: none !important;
}

image {
	width: 100%;
}

.s-hover {
	opacity: 0.9;
	background: #f7f7f7;
}

.s-nodata {
	text-align: center;
	padding: 20rpx;
	color: #999;
	font-size: 20rpx;
}

.s-button-reset {
	padding: 0;
	margin: 0;
	border-radius: 0;
	outline: none;
	height: auto;
	line-height: 1;
	background-color: transparent !important;
}

.s-button-reset:after,
.s-button-reset:before {
	border-radius: none;
	border: none;
}

.s-sup {
	font-size: 10px;
	vertical-align: text-top;
}

.s-sub {
	font-size: 10px;
	vertical-align: text-bottom;
}

::-webkit-scrollbar {
	display: none !important;
}

.s-sticky {
	position: sticky !important;
	top: 0rpx;
	background-color: #fff;
	z-index: 9990;
}

.s-relative {
	position: relative;
}

.s-absolute {
	position: absolute;
}

.s-fixed {
	position: fixed;
}

.s-text-left {
	text-align: left;
}

.s-text-center {
	text-align: center;
}

.s-text-right {
	text-align: right;
}

.s-text-weight {
	font-weight: bold;
}

.s-flex {
	display: flex;
}

.s-flex-flow {
	display: flex;
	flex-flow: row wrap;
}

.s-flex-column {
	display: flex;
	flex-direction: column;
}

.s-flex-row {
	display: flex;
	flex-direction: row;
}

.s-flex-1 {
	flex: 1;
}

.s-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.s-flex-1-1-0 {
	flex: 1 1 0;
}

.s-flex-grow {
	flex-grow: 1;
}

.s-flex-shrink {
	flex-shrink: 0;
}

.s-flex-start {
	display: flex;
	justify-content: flex-start;
}

.s-flex-center {
	display: flex;
	justify-content: center;
}

.s-flex-end {
	display: flex;
	justify-content: flex-end;
}

.s-flex-space-between {
	display: flex;
	justify-content: space-between;
}

.s-flex-space-around {
	display: flex;
	justify-content: space-around;
}

.s-flex-space-center {
	display: flex;
	justify-content: center;
}

.s-flex-space-evenly {
	display: flex;
	justify-content: space-evenly;
}

.s-flex-align-center {
	display: flex;
	align-items: center;
}

.s-flex-align-baseline {
	display: flex;
	align-items: baseline;
}

.s-width-100 {
	width: 100%;
}

.s-border-t {
	border-top: 1rpx solid #eee;
}

.s-border-l {
	border-left: 1rpx solid #eee;
}

.s-border-b {
	border-bottom: 1rpx solid #eee;
}

.s-border-r {
	border-right: 1rpx solid #eee;
}

.s-box-shadow {
	box-shadow: 0px 0px 8px #d5d6d8;
}

.s-text-black{
	color: #000;
}

.s-block {
	display: block;
}

.s-none {
	display: none;
}

.s-inline {
	display: inline;
}

.s-inlineblock {
	display: inline-block;
}

.s-footer-area {
	position: fixed;
	bottom: 0;
	z-index: 100;
	background-color: #fff;
	width: 100%;
}